<template>
  <div>
    <h3>音乐</h3>
    <p>您正在查看的歌手是：{{ $route.query.name }}</p>
    <p>歌手的id是：{{ $route.query.id }}</p>
  </div>
</template>

<script>
export default {
  created () {
    // console.log(this.$route) // 当前路由的详细信息，比如里面有query、params、path、name....
    console.log(this.$router) // 它就是router/index.js中导出的路由对象；里面包含go、push这类方法
  }
}
</script>

<style scoped>
div {
  min-height: 180px;
  background-color: darkseagreen;
}
</style>
